@import "../../common/stylus/mixin.styl"
.ratings
    position: absolute
    top: 174px
    left: 0
    bottom: 0
    width: 100%
    overflow: hidden
    .overview
        display: flex
        padding: 18px 0 18px 18px
    .overview-left
        flex: 0 0 137px
        width: 137px
        padding: 6px // 右边的线高一丢丢
        border-right:1px solid rgba(7, 17, 27, 0.1)
        text-align: center
        @media only screen and (max-width: 320px)
            flex: 0 0 110px
            width: 110px
        .score
            margin-bottom: 6px
            font-size: 24px
            line-height: 28px
            color:rgb(255,153,0)
        .title 
            margin-bottom: 6px
            font-size: 12px
            line-height: 12px
            color: rgb(7, 17, 27)
        .rank
            font-size: 10px
            line-height: 10px
            color: rgb(147, 153, 159)
    .overview-right
        flex: 1
        padding:6px 0 6px 24px
        @media only screen and (max-width:320px)
            padding-left: 6px
        .score-wrapper
            line-height: 18px
            margin-top: 8px
            font-size: 0
            .title 
                vertical-align: top
                font-size: 12px
                color: rgb(7, 17, 27)
            .star 
                margin: 0 12px
                display: inline-block
                vertical-align: top
            .score
                font-size: 12px
                color: rgb(255, 153, 0)
        .delivery-wrapper
            line-height: 18px
            margin-top: 8px
            font-size: 0
            .title 
                vertical-align: top
                font-size: 12px
                color: rgb(7, 17, 27)
                margin-right: 12px
            .delivery
                font-size: 12px
                color: rgb(147, 153, 159)
.rating-wrapper
    padding: 0 18px
    .rating-item
        display: flex
        padding: 18px 0
        border-1px(rgba(7, 17, 27, 0.1))
    .avatar 
        flex: 0 0 28px
        width:28px
        margin-right: 12px
        img 
            border-radius: 50%
    .content 
        flex: 1
        .name 
            margin-bottom:4px
            font-size: 10px
            line-height: 12px
            color: rgb(7, 17, 27)
        .star-wrapper
            margin-bottom: 6px
            font-size: 0
            .star 
                display: inline-block
                margin-right:6px
                vertical-align: top 
            .delivery
                display: inline-block
                vertical-align: top
                font-size: 10px
                line-height: 12px
                font-weight: 200
                color: rgb(147, 153, 159)
        .text 
            margin-bottom: 8px
            font-size: 12px
            line-height: 18px
            color:rgb(7, 17, 27)
        .recommend
            line-height: 16px
            font-size: 0
            .iconfont, .item 
                display: inline-block
                margin-right: 8px
                font-size: 9px
            .iconfont
                color: rgb(0, 160, 220)
            .item 
                padding: 0 6px
                color: rgb(147, 153, 159)
                border: 1px solid rgba(7, 17, 27, 0.1)
                border-radius:1px
                background-color:#fff
        .time
            position: absolute
            right: 0
            top: 18px
            font-size:10px
            line-height: 12px
            color: rgb(147, 153, 159)
